.header{
    .up-navbar-nav>li>a{
        padding-left: 30px;

        @at-root{
            @media (min-width: 768px) {
               &{
                  padding: 0 20px;  
            } 
            }
            
        }
    }
    .up-container-fluid {
        padding: 0;
    }

    .up-navbar-nav>li>.up-dropdown-menu{
        min-width: 120px;
    }
    .up-navbar-nav>li>.header-logout{
        font-size: 1.6em;
        padding: 0 5px;
    }
    .header-portrait{
        width: 36px;
        height: 36px;
        float: left;
        margin-top: 10px;
        overflow: hidden;
        border-radius: 50%;
        margin-right: 5px;
        img{
            max-width: 100%;
        }
    }
    .up-navbar-brand{
        width: $sidebarWidth;
        background: darken($navbar-default-bg, 5%);
        text-align:center;
        vertical-align: middle;
        &:hover{
           background: darken($navbar-default-bg, 5%); 
        }
        
        img{
         vertical-align: middle;
        }
        

    }
    .up-navbar-toggle{
           margin: 18px 30px 0 0;
    }


    .header-nav-form{
        position: relative;
        input{
            height: 28px;
            margin-top: 14px;
    line-height: 28px;
            border-radius: 14px;
            padding: 0 15px;
            color: #fff;
            border: 0;
            background: rgba(#fff,.2)
        }
        i{
            position: absolute;
            right: 10px;
            top: 0px;
            color: #fff;
        }
    }
    .up-nav>li>a>i{
        margin-right: 5px;
    }
}